<template>
<!--  组件结构-->
  <div class="school">
      <h2>{{msg}}</h2>
      <h3>姓名：{{name}}</h3>
      <h3>性别：{{sex}}</h3>
    <input type="text" v-fbind:value="name">

  </div>
</template>

<script>
//组件交互相关代码（数据、方法等）
   export default{
     name:'Student',
    data(){
      return {
        msg:'我是召唤师峡谷的一名英雄',
        name:'赵鑫',
        sex: '男'
        }
    },

  }

</script>

<style>
/*组件样式*/
  .school{
    background-color: rgb(19, 122, 88);
  }
</style>